/**
 * Created by ray on 17-6-9.
 */
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */


import React,{ Component } from 'react';
import {
StyleSheet,
View,
} from 'react-native'

import SearchBar from '../../components/SearchBar'
export default class Header extends Component {

    render() {
        return (
            <View style = {[styles.container,styles.border]}>
                <View style = {styles.flex}>
                    <SearchBar/>

                </View>
            </View>

        );
    }
}




const styles = StyleSheet.create({
   container:{
       height:'15%',
       flexDirection:'row', //水平布局
       backgroundColor:'pink',
       alignItems:'center', //设定元素在交叉轴的位置 居中
   },
   flex:{
     flex:1
   },
    border:{
        borderWidth:0.5,
        borderColor:'gray'
    }


});